*{
    margin: 0;
    padding: 0;
}
#mymusicT{
    margin: auto;
    width: 60%;
    height: 700px;
    border: 1px solid skyblue;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
#mymusicT>.top{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20%;
}
#mymusicT>.top>.searchText{
    width: 70%;
    height: 30px;

}
#mymusicT>.top>.dosearch{
    width: 10%;
    height: 30px;
    background-color: peachpuff;
}
#mymusicT>.middle{
    width: 100%;
    height: 60%;
    display: flex;
}
#mymusicT>.middle>.musicList{
    width: 30%;
    height: 100%;
}
#mymusicT>.middle>.musicList>ul{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#mymusicT>.middle>.musicList>ul>li{
   margin-bottom: 5px;
}
#mymusicT>.middle>.musicInfor{
    width: 80%;
    height: 100%;
    background-color: skyblue;
}
#mymusicT>.middle>.musicInfor>.musicInfor_img{
    width: 100%;
    height: 40%;
    flex-direction: row;
    justify-content: center;
}
/*
rotation:当前动画执行的关键帧
10s:一次动画执行完的时间
linear:当前动画执行的效果，线性匀速执行
infinite:无限的执行动画
*/
#mymusicT>.middle>.musicInfor>.musicInfor_img>.music_img{
    width: 23%;
    height: 100%;
    border-radius: 50%;
    margin-left: 40%;
    animation: rotation 10s linear infinite paused;
}
@keyframes rotation {
    to{
        transform: rotateZ(1turn);
    }
}
#mymusicT>.middle>.musicInfor>.musicInfor_word{
    width: 100%;
    height: 60%;
}
#mymusicT>.middle>.musicInfor>.musicInfor_word>ul{
    width: 100%;
    height: 100%;
    overflow: hidden;
    list-style: none;
}
#mymusicT>.bottom{
    width: 100%;
    height: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#mymusicT>.bottom>#myAudio{
    width: 80%;
    height: 60%;
}